@charset "utf-8";

body{margin:0; padding:0px; font-size:14px; font-family: "微软雅黑";  line-height:24px;   }

a {text-decoration:none;

color: # 333;

-webkit-transition: color 300ms, background-color 600ms;

-moz-transition: color 300ms, background-color 600ms;

-ms-transition: color 300ms, background-color 600ms;

-o-transition:  color 300ms, background-color 600ms;

transition:  color 300ms, background-color 600ms;

}





a:hover, a:focus {

color: #d43133;

}



.more{ font-size:14px;  color:#666;      margin:5px auto 10px auto; width:40%;text-align:center; border:#999 1px solid; border-radius:25px;display:block; }

.more a{ color: #666; font-size:14px;  text-align:center; border-radius:25px;display:block; }

.more a:hover{ color: #fff; font-size:14px; background: #000;  }



.more3{ font-size:14px;  color:#666;      width:70px; text-align:center; border:#CCC 1px solid; display:block; }

.more3 a{ color: #666; font-size:14px; text-align:center; border-radius:25px;  display:block;  }


.more3 a:hover{ color: #000; font-size:14px; background: #FFF;  }





div,ul,li,h2,h3,h4,tr,td,p{margin:0; padding:0;}

ul,li{list-style:none;}

img{ border:0;}

.clear {clear:both;height:0;font-size: 1px;line-height: 0px;} 




#tb{ background:#FFF; border-bottom:#CCC 1px solid; }
#top{ width:1200px; margin:0 auto;}

#top .left{ width:1200px; }
#top .right{ width:1200px; }
#contact{ }
#contact .p{background:#fcfcfc;}
#contact .p .c{ width:1200px; margin:0 auto;padding:60px 0;}
#contact .p .c h2{ text-align:center; font-size:20px;}
#contact .p .c span{ background:url(../images/index-ding2-1-1_07.png) center no-repeat; height:30px; width:200px; margin:0 auto; text-align:center; display:block; font-size:18px;}
#contact .p .c ul{  padding-top:40px; }
#contact .p .c ul li{ width:275px; float:left; margin-left:30px; margin-bottom:30px; border:#a9a9a9 1px solid;  border-top:#000000 3px solid; box-shadow: 1px 1px 10px #888888; background:#FFF; padding-top:20px;}

#contact .p .c ul li:nth-child(1),
#contact .p .c ul li:nth-child(5){ margin-left:0;}

#contact .p .c ul li:last-child{ margin-right:0;}
#contact .p .c ul li .wz{ background:url(../images/index-ding2-1-1_11.jpg) left 50% repeat-x; padding:10px; color:#FFF; font-size:14px;margin-top:20px; }
#contact .p .c ul li .wz .c1{ background:url(../images/jia.png) right 50% no-repeat;  text-align:center; }
#contact .p .cc{ margin:10px 0;}
#contact .p .c ul li .products{  width: 95%;  height: auto; text-align:center; margin: 0px auto;  overflow: hidden;}  

#contact .p .c ul li .products img{ cursor: pointer;  transition: all 0.6s; }  


#contact .p .c ul li .products img:hover{  transform: scale(1.4);  }  



#contact .p-1 .c{ width:1200px; margin:0 auto;padding:60px 0;}
#contact .p-1 .c h2{ text-align:center; font-size:20px;}
#contact .p-1 .c span{ background:url(../images/index-ding2-1-1_07.png) center no-repeat; height:30px; width:200px; margin:0 auto; text-align:center; display:block; font-size:18px;}
#contact .p-1 .c ul{   width:925px; }
#contact .p-1 .c ul li{ width:275px; float:left; margin-left:30px; margin-bottom:30px; border:#a9a9a9 1px solid;  border-top:#000000 3px solid; box-shadow: 1px 1px 10px #888888; background:#FFF; padding-top:20px;}
#contact .p-1 .c ul li .wz{ background:url(../images/index-ding2-1-1_11.jpg) left 50% repeat-x; padding:10px; color:#FFF; font-size:14px;margin-top:20px; }
#contact .p-1 .c ul li .wz .c1{ background:url(../images/jia.png) right 50% no-repeat;  text-align:center; }
#contact .p-1 .cc{ margin:10px 0;}
#contact .p-1 .bt{ border:#CCC 1px solid; text-align:center; padding:5px; background:url(../images/index-ding2-1-1_11.jpg); color:#FFF; font-size:14px; font-weight:bold;}

#contact .p-1 .c ul li .products{  width: 95%;  height: auto;text-align:center; margin: 0px auto; overflow: hidden;}  

#contact .p-1 .c ul li .products img{ cursor: pointer;   transition: all 0.6s;}  


#contact .p-1 .c ul li .products img:hover{  transform: scale(1.4);  }  


#contact .p1{background:#f4f4f4;}
#contact .p1 .c{ width:1200px; margin:0 auto;padding:60px 0;}
#contact .p1 .c h2{ text-align:center; font-size:20px;}
#contact .p1 .c span{ background:url(../images/index-ding2-1-1_07.png) center no-repeat; height:30px; width:200px; margin:0 auto; text-align:center; display:block; font-size:18px;}
#contact .p1 .c ul{  padding-top:40px; }
#contact .p1 .c ul li{ width:275px; float:left; margin-right:30px;  text-align:center;}
#contact .p1 .c ul li:last-child{ margin-right:0;}
#contact .p1 .c ul li .wz{  color:#000; font-size:16px;margin-top:40px; border-bottom:#999 1px dotted; text-align:center; padding:10px 0; font-weight:bold; }
#contact .p1 .c ul li .wz1{ text-align:center; color:#3f3f3f; font-size:12px;}
#contact .p1 .c ul li .wz3{  color:#000; font-size:13px;margin-top:40px; border-bottom:#999 1px dotted; text-align:center; padding:10px 0; font-weight:bold;}


#contact .p2{ background:url(../images/bj-about.jpg) top center no-repeat;  padding-bottom:20px; }
#contact .p2 .c{ width:1200px; margin:0 auto;padding:60px 0; }
#contact .p2 .c h2{ text-align:center; font-size:20px;}
#contact .p2 .c span{ background:url(../images/index-ding2-1-1_07.png) center no-repeat; height:30px; width:200px; margin:0 auto; text-align:center; display:block; font-size:18px;}
#contact .p2 .c1{background:#FFF;box-shadow: 1px 1px 10px #888888; padding:10px; width:1180px; margin:0 auto; }
#contact .p2 .c1 .left{ float:left; width:338px;}
#contact .p2 .c1 .right{ float:right; width:803px;}
#contact .p2 .c1 .right .contact{ border:#CCC 1px dotted;border-radius:10px; padding:10px; margin-top:10px;}
#contact .p2 .c2{ width:964px; margin:10px auto; }
#contact .p2 .c1 img{ max-width:100%;}

#contact .p3{ background:#e9e9e9;  padding-bottom:20px; }
#contact .p3 .c{ width:1200px; margin:0 auto;padding:60px 0 0 0; }
#contact .p3 .c h2{ text-align:center; font-size:20px;}
#contact .p3 .c span{ background:url(../images/index-ding2-1-1_07.png) center no-repeat; height:30px; width:200px; margin:0 auto; text-align:center; display:block; font-size:18px;}
#contact .p3 .c ul{  padding-top:40px; }
#contact .p3 .c ul li{ width:320px; float:left; margin-right:117px; margin-bottom:10px;  padding-top:10px;}
#contact .p3 .c ul li:hover{ background:#FFF;-webkit-transition: color 300ms, background-color 600ms;

-moz-transition: color 300ms, background-color 600ms;

-ms-transition: color 300ms, background-color 600ms;

-o-transition:  color 300ms, background-color 600ms;

transition:  color 300ms, background-color 600ms;}
#contact .p3 .c ul li:last-child{ margin-right:0;}
#contact .p3 .c ul li .wz{  color:#000; font-size:16px;margin-top:10px; border-bottom:#999 1px dotted; text-align:center; padding:10px; font-weight:bold; }
#contact .p3 .c ul li .wz1{  color:#3f3f3f; font-size:12px; padding:0 15px 15px 15px;}

#contact .p3 .c ul li .products{  width: 95%; 

            height: auto;
			

           
text-align:center;
            margin: 0px auto;  

            overflow: hidden;
			
			

            }  

#contact .p3 .c ul li .products img{
	



            cursor: pointer;  

            transition: all 0.6s;

			

            }  


#contact .p3 .c ul li .products img:hover{  

            transform: scale(1.4);  

            }  












#contact .news .c table span{    background: none;
    height: auto;
    width: auto;
    margin: 0;
    text-align: left;
    display: inline;}
#contact .news .c ul li{ width:96%; display: block; margin:0 0 20px 0; padding: 2%;}

#contact .news .c ul li .wz{ width:70%; color:#000; font-size:16px;margin-top:10px; border-bottom:#999 1px dotted; text-align:center; padding:10px; font-weight:bold;  text-align: left; float: right;}
#contact .news .c ul li .wz1{ width:70%;  color:#3f3f3f; font-size:12px; padding:0 15px 15px 15px;text-align: left; float: right;}

#contact .news .c ul li .products{  width: 25%; 

            height: auto;
			
float:left;
           
text-align:center;
            margin: 0px auto;  

            overflow: hidden;
			
			

            }  

























#contact .p4{ background: #efefef;  padding-bottom:20px; border-TOP:#d1d0d0 1PX solid; }
#contact .p4 .c{ width:1200px; margin:0 auto;padding:60px 0 0 0; }
#contact .p4 .c h2{ text-align:center; font-size:20px;}
#contact .p4 .c span{ background:url(../images/index-ding2-1-1_07.png) center no-repeat; height:30px; width:200px; margin:0 auto; text-align:center; display:block; font-size:18px;}
#contact .p4 .c .bottom{ border:#CCC 1px solid; padding:10px; width:1180px; margin:20px auto;}
#contact .p4 .c .bottom a{ color:#333;}


#foot{ background:#444444;padding:10px 0; color: #FFF; font-size:12px; }
#foot a{ font-size:12px; color: #FFF; }
#foot a:hover{ color:#9F0;}
#foot .c{ width:1200px; margin:0 auto;}
#foot .c .left{ float:left; width:284px;}
#foot .c .c{ float:left; margin-left:278px; width:288px;}
#foot .c .right{ float:left; margin:13px 0 0 0; color:#c7c7c7;}
#foot .c .right *{ color:#c7c7c7;}



#left{  margin:0; padding:0; }
#left ul {list-style: none;  }
#left ul li { color: #5f5f5f; border:#CCC 1px solid; border-width:1px 0;  margin:5px 0; height:35px; line-height:35px; background:url(../images/anniu.png) center no-repeat;  }
#left ul li a {display:block; font-size:12px;   color: #5f5f5f; padding-left:30px;  }
#left ul li a:hover {   color: #fff;background-color: #333;}
#left ul li.w{ font-size:14px; font-weight:bold; border:0;padding:5px;}





#menu-index {  }

#menu-index ul {list-style: none;  }

#menu-index ul li {  float:left;font-size:14px; width:171px; display:block;height:58px; line-height:58px;    color: #5e5d5d; text-align:center;  }

#menu-index ul li a {display: block;font-size:14px;  color: #5e5d5d; height:58px; line-height:58px; font-weight:bold;    }

#menu-index ul li a:hover { display:block; color: #39589f;   }

#menu-index  ul li span{ display:block; font-size:12px; font-weight:normal; line-height:15px; }

#menu-index ul li a.on{ display:block; color: #fff;  background: #39589f; }

#pro-1 { width:100%;    }

#pro-1 ul {list-style: none;  }

#pro-1 ul li {  display:block;   float:left;  border-right:#CCC 1px solid; margin-left:5px;    }

#pro-1 ul li a {display:block; color: #363636; text-align:center; font-size:14px; padding:5px;}

#pro-1 ul li a:hover { display:block;  color: #FFF;   background-color: #a71700; }





#news { width:100%; margin:0 auto;    }

#news ul {list-style: none;  }

#news ul li {  display:block; border-bottom:#CCC 1px dotted; margin:5px; background: url(../images/sprite-assorted.png) 0 50% no-repeat;  }

#news ul li a {display:block; color: #363636;  font-size:14px; padding:5px 0 5px 25px;}

#news ul li a:hover { display:block;  color: #FFF;   background-color: #a71700; }

.fl dd.er{ padding-left: 50px;background:url(../images/index-ding2-1-1_56-1.jpg) 28px 50% no-repeat; }
.fl dd.er a{  font-size:12px; font-weight:normal;}

dl { margin:0; padding:0;}
dd{ list-style: none; border-bottom:#999 1px dotted; background:url(../images/index-ding2-1-1_56.jpg) 10px 50% no-repeat;margin:0; padding-left:30px; height:40px; line-height:40px;
color:#666;}
dd a{ font-weight:bold; font-size:16px;color:#666;-webkit-transition: color 300ms, background-color 600ms;

-moz-transition: color 300ms, background-color 600ms;

-ms-transition: color 300ms, background-color 600ms;

-o-transition:  color 300ms, background-color 600ms;

transition:  color 300ms, background-color 600ms;}
dd:hover{ color: #000; background: #CCC;-webkit-transition: color 300ms, background-color 600ms;

-moz-transition: color 300ms, background-color 600ms;

-ms-transition: color 300ms, background-color 600ms;

-o-transition:  color 300ms, background-color 600ms;

transition:  color 300ms, background-color 600ms;}

.f1{ font-size:12px;  color: #000;   display:block;font-weight:bold;  }

.f1 a { font-size:12px;  color: #000; font-weight:bold;}

.f1 a hover{ color: #FFF; font-size:12px;}





.f2{ font-size:20px; font-weight:bold; color:#2b2b2b; margin:5px; display:block;  }

.f2 a{ color:#d7d7d7; font-size:25px;font-weight:bold; }

.f2 a:hover{ color: #d7d7d7; font-size:35px;font-weight:bold; }





.word2{ font-size:20px; font-weight:bold; color: #ccc;  display:block;text-align:center;  }

.word2 a{ color:#ccc; font-size:20px;font-weight:bold;  }

.word2 a:hover{ color: #ccc;font-size:20px; font-weight:bold; }











.f2-1{ color: #d7d7d7; font-size:15px; font-weight:bold;  }

.f2-1 a{ color:#d7d7d7; font-size:15px;font-weight:bold; }

.f2-1 a:hover{ color: #ffffff; font-size:15px;font-weight:bold; }



.f2-2{ font-size:15px; font-weight:bold; padding:5px; text-align:center; width:180px; margin:0 auto;  }



.banner{height:593px; }
.banner .ban_c img{position:absolute;width:1920px;left:50%;margin-left:-960px;top:0;}
.banner .ban_nav{display:none;}
.banner .Left,.banner .Right{display:none;}
.bann_ext{position:relative;}
.frontCover{position:absolute;bottom:20px;left:48%;}
.frontCover li{float:left;width:15px;height:15px;padding:0px;background:#ccc;color:#fff;overflow:hidden;margin-right:7px;cursor:pointer; border-radius:50%;}
.frontCover .img{position:relative;width:15px;height:15px;overflow:hidden;}
.frontCover img{position:absolute;width:0px;height:0px;left:-50px;}
.frontCover .open{background:#e60013;}
/*幻灯片(组件)*/
.slide{position:relative;width:100%;}
.ban_c{display:none;position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;}
.ban_c img{width:100%;height:100%;}
.ban_t{position:absolute;left:0;bottom:0;width:100%;padding:4px 0;text-indent:10px;white-space:nowrap;overflow:hidden;color:#fff;background:rgba(0,0,0,.5);filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#88000000,endcolorstr=#88000000);z-index:3;}
.ban_nav{position:absolute;bottom:0;left:0;width:100%;text-align:right;z-index:4;}
.ban_nav a{display:inline-block;vertical-align:middle;width:14px;height:14px;line-height:14px;overflow:hidden;text-align:center;margin-right:8px;cursor:pointer;text-decoration:none;font-size:10px;-webkit-text-size-adjust:none;background:#ccc;}
.ban_nav .on{background:#f90;color:#fff;}




.subbutton
{
	padding:4px 24px;
	border:1px solid #ccc;
	font-size:12px;
	background:#fff;
	vertical-align:center;
}

.page{float:left;margin:20px 0;text-align:center;width:100%;}
.page a{border:1px solid #054811;padding:4px 6px;font-size:12px; color:#000;}
.page .thispage{padding:4px 6px;background:#054811;font-size:12px;color:#fff;}



.newstext
{
	padding:0 0 0 20px;
	}
.newstext h2{
	text-align:center;
}
.newstext table h3{
	text-align:left;
	font-size:22px;
}
.newstext .info
{
	width:100%;
	height:40px;
	margin-top:10px;
	padding-top:10px;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	text-align:center;
	margin-bottom:10px;
}

.newstext .prodetail img{ width:790px;}


















.detail {
    border: 1px solid #ddd;
    padding: 10px;
    height: 25px;
    line-height: 25px;
    border-top: 2px solid #000;
    font-size: 16px;
}
.detail a{ color:#000;}


/*相关样式*/
#showbox { background:#fff;}
#contact .p-1 .c #showbox span{ background:url(../images/whitebg.png) repeat;}
#showsum { left:25px; margin-top:10px;}
#showsum span { border:1px solid #ddd;}
#showsum span.sel { border:1px solid #f60;}

.showpage { width:400px; position:relative;}
.showpage a { display:block; width:15px; border:1px solid #ddd; height:60px; line-height:60px; background:#eee; text-align:center; font-size:18px; position:absolute; left:0; top:-62px; text-decoration:none; color:#999;}
.showpage a#shownext { left:auto; right:0;}
.showpage a:hover { background:#ccc; color:#777;}








.propagechange,.newspagechange{ margin:20px 0;}


.newspagechange .pagechangel, .newspagechange .pagechanger{ width:auto;border: 1px solid #ccc;padding: 3px 10px; margin-bottom:10px; font-size:12px;}
.newspagechange .pagechangel a,.newspagechange .pagechanger a{ color:#000; font-size:12px;}

.propagechange .pagechangel, .propagechange .pagechanger{ width:49.5%; float:left; margin: 30px 0;}
.propagechange .pagechangeleft{ float:right; margin-right:10px;}
.propagechange .pagechangeright{ float:left; margin-left:10px;}
.propagechange .pagechangeleft, .propagechange .pagechangeright{ width:auto;border: 1px solid #ccc;padding: 3px 10px; margin-bottom:20px; font-size:12px;}
.propagechange .pagechangeleft a, .propagechange .pagechangeright a{ color:#000; font-size:12px;}




.slides {
	width: 774px;
	height: 413px;
	position: relative;
	overflow: hidden;
}
.slideInner {
	height: 413px;
	position: relative;
	left: 0;
	margin-left: 0;
}
.slideInner a {
	display: block;
	height: 413px;
	background-size: cover;
	background-position: center center;
	position: relative;
	text-align: center;
	z-index: 1;
	width:774px !important;
}
.slideInner a div.img1 {
	width: 763px;
	position: absolute;
	left: 50%;
	margin-left: -381px;
}
.slideInner a div.img2 {
	width: 763px;
	position: absolute;
	top: 557px;
	left: 50%;
	margin-left: -381px;
}
.slideInner .slide3 .img2{
	top: 200px;
}
.slideInner .slide3 .img3{
	width: 181px;
	height: 286px;
	position: absolute;
	left: 50%;
	margin-left: 330px;
	top: 330px;
}
.nav {
	width: 763px;
	position: relative;
	display: block !important;
}
.nav a {
	display: block;
	width: 35px;
	height: 35px;
	opacity: 1;
	z-index: 9;
}
.nav a.prev {
	display: block;
	position: absolute;
	right: 60px;
	top: -45px;
	width:35px;
	height: 35px;
	line-height: 35px;
	color:#fff;
	border: 1px solid #fff;
}
.nav a.next {
	display: block;
	position: absolute;
	right: 16px;
	top: -45px;
	width:35px;
	height: 35px;
	line-height: 35px;
	color:#fff;
	border: 1px solid #fff;
}
.navListBox {
	position: absolute;
	left: 50%;
	top: 600px;
	z-index: 99;
	display: none;
}
.navListBox li {
	width: 12px;
	height: 12px;
	float: left;
	margin-left: 5px;
	border-radius: 50%;
	overflow: hidden;
}
.navListBox li:first-child {
	margin-left: 0;
}
.navListBox li a {
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background-color: #fff;
	box-shadow: 0 0 5px #666 inset;
}
.navListBox li a.active {
	background-color: #55ddff;
}




.blk_18 { overflow:hidden; zoom:1; font-size:9pt;width:964px; margin-top:8px; }
.blk_18 .pcont { width:890px; float:left; overflow:hidden; }
.blk_18 .ScrCont { width:32766px; zoom:1; }
.blk_18 #List1_1, .blk_18 #List2_1 { float:left; }
.blk_18 #List1_1 ul, .blk_18 #List2_1 ul{ margin:0;padding:0;}
.blk_18 #List1_1 ul li, .blk_18 #List2_1 ul li{display:block; float:left;}
.blk_18 .LeftBotton{ width:37px; height:68px; float:left; background:url(../images/ax11.png) no-repeat;}
.blk_18 .RightBotton { width:37px; height:68px; float:left; background:url(../images/ax21.png) no-repeat;}
.blk_18 .pl img { display:block; cursor:pointer; border:none; height:80px;}
.blk_18 .pl { float:left; display:block; text-align:center; line-height:24px; height:80px;  margin-right:10px;}



#contact .p-1 .c .leftc span{ text-align: left; background: none;height: auto; width: auto;   margin: 0;  display:block;}

.news .bt{border: #CCC 1px solid;
    text-align: center;
    padding: 5px;
    background: url(../images/index-ding2-1-1_11.jpg);
    color: #FFF;
    font-size: 14px;
    font-weight: bold;}

#contact .news .fl dd.er,
#contact .p-1 .fl dd.er{ display:none;}